<template>
	<view class="btn" 
		:class="type"
		@click="btn"
	>
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props:{
			type: {
				type:String,
				default:()=> 'default'
			}
		},
		methods:{
			btn(){
				this.$emit('click')
			}
		}
	}
</script>

<style lang="scss" scoped>
.active{
	background-color: #3B60FF;
	color:#FFFFFF;
}
.from{
	color:#FFFFFF;
	background-color: #969BAF;
}
.default{
	color:rgba(57,66,91,1);
	background:#DBDADF;
}
.btn{
	display: inline-block;
	font-size:12px;
	font-family:PingFang SC;
	font-weight:bold;
	padding: 7px 25px;
	border-radius:13px;
}
</style>
